<nav class="navbar navbar-static-top">

    <div class="nav-header">
        <div class="navbar-header">
            <a class="navbar-brand" href="examples.html">
                <span class="dinlineblock width55 mr10">
                    <img class="project-logo" src="template/logo.png" style="visibility: visible" id="logo">
                </span>
                <span class="project-title vm" id="title">
                    OpenLayers
                    <span id="lblVersion" style="vertical-align: super; font-size: 14px; color: #fff; margin-left: 5px">
                    </span>
                </span>
            </a>
            <div id="suffix-title"></div>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"><i class="fa fa-bars"></i></button>
        </div>
        <div class="collapse navbar-collapse navbar-custom-menu" id="navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="overview-menu" id="headerIndex"><a href="doc.panzhiyue.website/openlayers" class="center">学习文档</a></li>
                <li class="overview-menu" id="headerIndex"><a href="index.html" class="center">示例</a></li>
                <li class="dropdown nav-dropdown-menu guide-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">技术专题 <i class="fa fa-sort-down"></i></a>
                    <ul class="dropdown-menu">
                        <li><a href="https://openlayers.org/">官网</a></li>
                        <li><a href=" http://develop.smaryun.com:81/API/JS/OL3InterfaceDemo/index.htm">示例集锦</a></li>

                    </ul>
                </li>
                <li class="overview-menu" id="headerIndex">
                    <a href="https://panzhiyue.gitee.io" class="center">个人博客</a>
                </li>

            </ul>
        </div>
    </div>
</nav>